<!--
    msg = {"1": {"peak": {"alarm": [0,1,0,1,0,1], "value": [1,2,5,4,3,6], "unit": "mv"},"datetime": "2018-03-16 09:57:59"}};
    return render(request, "history.html",{"history_data": json.dumps(msg)});
-->
<!DOCTYPE html>
<html lang="en">
<head>

    {% load staticfiles %}
    <meta charset="UTF-8">
    <title>历史记录</title>
    <script type="text/javascript">
             history_data = {{ history_data|safe }};
    </script>
    <script src="../../static/js/jquery.js"></script>
	<script src="../../static/js/echarts.min.js"></script>
	<script src="../../static/js/proj-function.js"></script>
    <script src="../../static/js/heard.js"></script>
    <script src="../../static/js/adddate.js"></script>
	<link rel="stylesheet" type="text/css" href="../../static/css/all-set.css">
</head>

<body>
<div class="public">
	<div class="public_heard">
		<a id="link_to_device" href="/index/get_latest_monitor_data/?page_id=1&page_rows=20">设备监控</a>
        <a id="link_to_alarm" href='/index/get_alarm_list/?device_node_id=1&rows=20&start=now'>报警查询</a>
        <a id="link_to_history" href='/index/get_history_records/?device_node_id=1&rows=20'>历史数据</a>
        <a id="link_to_setting" href='#'>系统设置</a>
        <a id="link_to_user_setting" href="#">用户设置</a>
	</div>
<div  class="public_body">
    <div class="from_paging">
        <form id="serach_history_form" action="history.html" method="GET">
            <span>按日期查找</span>
            <input type="text" id="serach_history_input" readonly onclick="SelectDate(this)" name="start">
            <input type="button"  class="btn" id="serach_history_btn"  value="查找" onclick="serachPage()">
            <input type="button"   class="btn" id="next_page"  value="下一页" onclick="nextPage()">
            <div style="height: 3px"></div>
        </form>
    </div>

<div class="charts">
    <script src="../../static/js/history.js"></script>
</div>
</div>
</div>
</body>
</html>